<template>
  <div>
    <button @click="addAddfn">加一</button>
    <div>年龄{{ age }}</div>
  </div>
</template>
<!-- <script lang="ts">   //存在问题目前有两个script 一个是定义组件名  一个是定义数据
export default {
  name: "person555",
};
</script>
<script setup lang="ts">   //setup语法糖妙处  做了steup(){}  return  {}   两个事情
let age = 15;
function addAddfn() {
  age = age + 1;
  console.log("666", age); 
}
</script> -->

解决两个script看着难受的问题  下载插件  并且vite.config文件夹里面引入 注册,导入(vitePlugin)   npm i vite-plugin-vue-setup-extend -D

<!-- npm i vite-plugin-vue-setup-extend -D -->

<script setup lang="ts"  name= "person555">
let age = 15;
function addAddfn() {
  age = age + 1;
  console.log("666", age);
}
</script>